<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
		<title>Mowasalat - Logistics and Transports Website Template</title>
		<!-- All Stylesheets -->
		<link href="css/all-stylesheets.css" rel="stylesheet">
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<!-- PRELOADER STARTS
			========================================================================= --> 
		<div id="preloader">
			<div id="status">
				<div class="sk-spinner sk-spinner-pulse"></div>
			</div>
		</div>
		<!-- /. PRELOADER ENDS
			========================================================================= -->
		<!-- TOP HEADER STARTS
			========================================================================= -->
		<div class="top-header hidden-xs">
			<div class="container">
				<div class="row">
					<div class="col-lg-9 col-md-9 col-sm-9">
						<ul class="links">
							<li><a href="#"><i class="fa fa-phone" aria-hidden="true"></i> Call Us Now +2 0100 843 1112</a></li>
							<li><a href="#"><i class="fa fa-envelope" aria-hidden="true"></i> Admin@mowasalat.com</a></li>
							<li><a href="#"><i class="fa fa-paper-plane" aria-hidden="true"></i> Get a Quote</a></li>
						</ul>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3">
						<ul class="social-icons">
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
							<li><a href="#"><i class="fa fa-behance" aria-hidden="true"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- /. TOP HEADER ENDS
			========================================================================= -->
		<!-- NAVIGATION STARTS
			========================================================================= -->
		<nav class="navbar navbar-default navigation-05">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index-001.html"><img src="images/logo/logo.png" alt=""></a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right  hidden-xs">
						<li>
							<div class="searchlink" id="searchlink">
								<i class="fa fa-search"></i>
								<div class="searchform">
									<form id="search">
										<input type="text" class="s" id="s" placeholder="keywords...">
										<button type="submit" class="sbtn"><i class="fa fa-search"></i></button>
									</form>
								</div>
							</div>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li class="active dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Home <span class="caret"></span></a>
							<ul class="dropdown-menu dropdown-menu-left">
								<li><a href="index-01.html">Home Page 01</a></li>
								<li><a href="index-02.html">Home Page 02</a></li>
								<li><a href="index-03.html">Home Page 03</a></li>
								<li><a href="index-04.html">Home Page 04</a></li>
								<li><a href="index-05.html">Home Page 05</a></li>
								<li><a href="index-06.html">Home Page 06</a></li>
								<li><a href="index-07.html">Home Page 07</a></li>
								<li><a href="index-08.html">Home Page 08</a></li>
								<li><a href="index-09.html">Home Page 09</a></li>
								<li><a href="index-10.html">Home Page 10</a></li>
								<li><a href="onepage-parallax.html">One Page Parallax</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Company <span class="caret"></span></a>
							<ul class="dropdown-menu dropdown-menu-left">
								<li><a href="about-us-01.html">About Us 01</a></li>
								<li><a href="about-us-02.html">About Us 02</a></li>
								<li><a href="about-us-03.html">About Us 03</a></li>
								<li><a href="about-us-04.html">About Us 04</a></li>
								<li><a href="our-team.html">Our Team</a></li>
								<li><a href="single-team.html">Single Team</a></li>
								<li><a href="branches.html">Branches</a></li>
								<li><a href="career.html">Career</a></li>
								<li><a href="error-page.html">Error Page</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
							<ul class="dropdown-menu dropdown-menu-left">
								<li><a href="services.html">Services 01</a></li>
								<li><a href="services-02.html">Services 02</a></li>
								<li><a href="services-03.html">Services 03</a></li>
								<li><a href="services-04.html">Services 04</a></li>
								<li><a href="services-05.html">Services 05</a></li>
								<li><a href="single-service.html">Single Service</a></li>
								<li><a href="pricing.html">Pricing</a></li>
								<li><a href="quotation.html">Quotation</a></li>
							</ul>
						</li>
						<li><a href="vehicle-park.html">Gallery</a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog <span class="caret"></span></a>
							<ul class="dropdown-menu dropdown-menu-left">
								<li><a href="blog.html">Blog</a></li>
								<li><a href="blog-grid.html">Blog Grid</a></li>
								<li><a href="blog-grid-with-left-sidebar.html">Blog with Left Sidebar</a></li>
								<li><a href="blog-grid-with-right-sidebar.html">Blog with Right Sidebar</a></li>
								<li><a href="blog-single.html">Blog Single</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Store <span class="caret"></span></a>
							<ul class="dropdown-menu dropdown-menu-left">
								<li><a href="shop.html">Shop</a></li>
								<li><a href="shop-single.html">Shop Single</a></li>
								<li><a href="shop-cart.html">Shop Cart</a></li>
								<li><a href="login.html">Login</a></li>
								<li><a href="register.html">Register</a></li>
							</ul>
						</li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
			<!--/.container-fluid -->
		</nav>
		<!-- /. NAVIGATION ENDS
			========================================================================= -->
		<!-- SLIDER STARTS
			========================================================================= -->		
		<div class="slider">
			<div id="rev_slider_16_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="highlight-carousel16" style="margin:0px auto;background-color:#000000;padding:0px;margin-top:0px;margin-bottom:0px;">
				<!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
					<div id="rev_slider_16_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
					<ul>
						<!-- SLIDE  -->
						<li data-index="rs-681" data-transition="zoomout" data-slotamount="default" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="images/slider/thumbs/1.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Air Freight" data-description="">
							<!-- MAIN IMAGE -->							
							<img src="images/slider/1.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
							<!-- LAYERS -->
							<!-- LAYER NR. 1 -->
							<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-1" 
								id="slide-681-layer-1" 
								data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"  
								data-y="['center','center','center','center']" data-voffset="['-80','-60','-60','-20']" 
								data-fontsize="['42','42','32','24']"
								data-lineheight="['45','45','35','28']"
								data-width="none"
								data-height="none"
								data-color="#fff"
								data-whitespace="nowrap"
								data-transform_idle="o:1;"
								data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_out="x:inherit;y:inherit;" 
								data-start="1500" 
								data-splitin="none" 
								data-splitout="none" 
								data-responsive_offset="on" 
								style="z-index: 6; white-space: nowrap; text-transform:uppercase; letter-spacing:3px; font-weight:300;">WE DELIVER 
							</div>
							<!-- LAYER NR. 2 -->
							<div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-2" 
								id="slide-681-layer-2" 
								data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
								data-y="['center','center','center','center']" data-voffset="['-30','-10','-10','10']" 
								data-fontsize="['60','60','50','30']"
								data-lineheight="['65','65','45','35']"								
								data-height="none"
								data-color="#fff"
								data-letter-spacing="normal"
								data-whitespace="nowrap"
								data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
								data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" 
								data-start="1000" 
								data-splitin="chars" 
								data-splitout="none" 
								data-elementdelay="0.05" 
								data-responsive_offset="on" style="z-index: 6; white-space: nowrap;">CARGO WORLDWIDE 
							</div>
							<!-- LAYER NR. 3 -->
							<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-3" 
								id="slide-681-layer-3" 
								data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"  
								data-y="['center','center','center','center']" data-voffset="['20','50','50','50']" 
								data-fontsize="['16','16','16','14']"
								data-lineheight="['18','18','18','18']"
								data-width="['650','450','450','300']"
								data-height="none"
								data-color="#fff"
								data-whitespace="normal"
								data-transform_idle="o:1;"
								data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_out="x:inherit;y:inherit;" 
								data-start="2500" 
								data-splitin="none" 
								data-splitout="none" 
								data-responsive_offset="on" 
								style="z-index: 6; min-width: 300px; max-width: 650px; white-space: normal; font-weight:300;">Go beyond logistics, make the world go round and more forrevolution business.
							</div>
						</li>
						<!-- /. SLIDE  -->
						<!-- SLIDE  -->
						<li data-index="rs-682" data-transition="zoomout" data-slotamount="default" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="images/slider/thumbs/2.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Land Transport" data-description="">
							<!-- MAIN IMAGE -->							
							<img src="images/slider/2.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
							<!-- LAYERS -->
							<!-- LAYER NR. 1 -->
							<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-1" 
								id="slide-682-layer-1" 
								data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"  
								data-y="['center','center','center','center']" data-voffset="['-80','-60','-60','-20']" 
								data-fontsize="['42','42','32','24']"
								data-lineheight="['45','45','35','28']"
								data-width="none"
								data-height="none"
								data-color="#fff"
								data-whitespace="nowrap"
								data-transform_idle="o:1;"
								data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_out="x:inherit;y:inherit;" 
								data-start="1500" 
								data-splitin="none" 
								data-splitout="none" 
								data-responsive_offset="on" 
								style="z-index: 6; white-space: nowrap; text-transform:uppercase; letter-spacing:3px; font-weight:300;">WE DELIVER 
							</div>
							<!-- LAYER NR. 2 -->
							<div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-2" 
								id="slide-682-layer-2" 
								data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
								data-y="['center','center','center','center']" data-voffset="['-30','-10','-10','10']" 
								data-fontsize="['60','60','50','30']"
								data-lineheight="['65','65','45','35']"								
								data-height="none"
								data-color="#fff"
								data-letter-spacing="normal"
								data-whitespace="nowrap"
								data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
								data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" 
								data-start="1000" 
								data-splitin="chars" 
								data-splitout="none" 
								data-elementdelay="0.05" 
								data-responsive_offset="on" style="z-index: 6; white-space: nowrap;">CARGO WORLDWIDE 
							</div>
							<!-- LAYER NR. 3 -->
							<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-3" 
								id="slide-682-layer-3" 
								data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"  
								data-y="['center','center','center','center']" data-voffset="['20','50','50','50']" 
								data-fontsize="['16','16','16','14']"
								data-lineheight="['18','18','18','18']"
								data-width="['650','450','450','300']"
								data-height="none"
								data-color="#fff"
								data-whitespace="normal"
								data-transform_idle="o:1;"
								data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_out="x:inherit;y:inherit;" 
								data-start="2500" 
								data-splitin="none" 
								data-splitout="none" 
								data-responsive_offset="on" 
								style="z-index: 6; min-width: 300px; max-width: 650px; white-space: normal; font-weight:300;">Go beyond logistics, make the world go round and more forrevolution business.
							</div>
						</li>
						<!-- /. SLIDE  -->
						<!-- SLIDE  -->
						<li data-index="rs-683" data-transition="zoomout" data-slotamount="default" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="images/slider/thumbs/3.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Rail Freight" data-description="">
							<!-- MAIN IMAGE -->							
							<img src="images/slider/3.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
							<!-- LAYERS -->
							<!-- LAYER NR. 1 -->
							<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-1" 
								id="slide-683-layer-1" 
								data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"  
								data-y="['center','center','center','center']" data-voffset="['-80','-60','-60','-20']" 
								data-fontsize="['42','42','32','24']"
								data-lineheight="['45','45','35','28']"
								data-width="none"
								data-height="none"
								data-color="#fff"
								data-whitespace="nowrap"
								data-transform_idle="o:1;"
								data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_out="x:inherit;y:inherit;" 
								data-start="1500" 
								data-splitin="none" 
								data-splitout="none" 
								data-responsive_offset="on" 
								style="z-index: 6; white-space: nowrap; text-transform:uppercase; letter-spacing:3px; font-weight:300;">WE DELIVER 
							</div>
							<!-- LAYER NR. 2 -->
							<div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-2" 
								id="slide-683-layer-2" 
								data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
								data-y="['center','center','center','center']" data-voffset="['-30','-10','-10','10']" 
								data-fontsize="['60','60','50','30']"
								data-lineheight="['65','65','45','35']"								
								data-height="none"
								data-color="#fff"
								data-letter-spacing="normal"
								data-whitespace="nowrap"
								data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
								data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" 
								data-start="1000" 
								data-splitin="chars" 
								data-splitout="none" 
								data-elementdelay="0.05" 
								data-responsive_offset="on" style="z-index: 6; white-space: nowrap;">CARGO WORLDWIDE 
							</div>
							<!-- LAYER NR. 3 -->
							<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-3" 
								id="slide-683-layer-3" 
								data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"  
								data-y="['center','center','center','center']" data-voffset="['20','50','50','50']" 
								data-fontsize="['16','16','16','14']"
								data-lineheight="['18','18','18','18']"
								data-width="['650','450','450','300']"
								data-height="none"
								data-color="#fff"
								data-whitespace="normal"
								data-transform_idle="o:1;"
								data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_out="x:inherit;y:inherit;" 
								data-start="2500" 
								data-splitin="none" 
								data-splitout="none" 
								data-responsive_offset="on" 
								style="z-index: 6; min-width: 300px; max-width: 650px; white-space: normal; font-weight:300;">Go beyond logistics, make the world go round and more forrevolution business.
							</div>
						</li>
						<!-- /. SLIDE  -->
						<!-- SLIDE  -->
						<li data-index="rs-684" data-transition="zoomout" data-slotamount="default" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="images/slider/thumbs/4.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Ocean Freight" data-description="">
							<!-- MAIN IMAGE -->							
							<img src="images/slider/4.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
							<!-- LAYERS -->
							<!-- LAYER NR. 1 -->
							<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-1" 
								id="slide-684-layer-1" 
								data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"  
								data-y="['center','center','center','center']" data-voffset="['-80','-60','-60','-20']" 
								data-fontsize="['42','42','32','24']"
								data-lineheight="['45','45','35','28']"
								data-width="none"
								data-height="none"
								data-color="#fff"
								data-whitespace="nowrap"
								data-transform_idle="o:1;"
								data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_out="x:inherit;y:inherit;" 
								data-start="1500" 
								data-splitin="none" 
								data-splitout="none" 
								data-responsive_offset="on" 
								style="z-index: 6; white-space: nowrap; text-transform:uppercase; letter-spacing:3px; font-weight:300;">WE DELIVER 
							</div>
							<!-- LAYER NR. 2 -->
							<div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-2" 
								id="slide-684-layer-2" 
								data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
								data-y="['center','center','center','center']" data-voffset="['-30','-10','-10','10']" 
								data-fontsize="['60','60','50','30']"
								data-lineheight="['65','65','45','35']"								
								data-height="none"
								data-color="#fff"
								data-letter-spacing="normal"
								data-whitespace="nowrap"
								data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
								data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" 
								data-start="1000" 
								data-splitin="chars" 
								data-splitout="none" 
								data-elementdelay="0.05" 
								data-responsive_offset="on" style="z-index: 6; white-space: nowrap;">CARGO WORLDWIDE 
							</div>
							<!-- LAYER NR. 3 -->
							<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-3" 
								id="slide-684-layer-3" 
								data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"  
								data-y="['center','center','center','center']" data-voffset="['20','50','50','50']" 
								data-fontsize="['16','16','16','14']"
								data-lineheight="['18','18','18','18']"
								data-width="['650','450','450','300']"
								data-height="none"
								data-color="#fff"
								data-whitespace="normal"
								data-transform_idle="o:1;"
								data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_out="x:inherit;y:inherit;" 
								data-start="2500" 
								data-splitin="none" 
								data-splitout="none" 
								data-responsive_offset="on" 
								style="z-index: 6; min-width: 300px; max-width: 650px; white-space: normal; font-weight:300;">Go beyond logistics, make the world go round and more forrevolution business.
							</div>
						</li>
						<!-- /. SLIDE  -->
					</ul>
					<div class="tp-bannertimer" style="height: 7px; background-color: rgba(255, 255, 255, 0.25);"></div>
				</div>
			</div>
		</div>
		<!-- /. SLIDER ENDS
			========================================================================= -->
		<!-- WHAT WE DO STARTS
			========================================================================= -->  
		<div class="what-we-do light-texture-02">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="hero-text center">
							<h1>What We Do</h1>
							<h2>BOOKING OUR CARGO TO THE FUTURE</h2>
							<div class="line"></div>
						</div>
					</div>
				</div>
				<div class="what-we-do-carousel">
					<!-- Block Starts -->					
					<div class="block">
						<div class="picture">
							<img src="http://placehold.it/480x530" class="img-responsive center-block" alt="">
							<div class="button"><a href="" class="fill-blue">Details</a></div>
						</div>
						<div class="caption">Land Transport</div>
					</div>
					<!-- Block Ends -->
					<!-- Block Starts -->					
					<div class="block">
						<div class="picture">
							<img src="http://placehold.it/480x530" class="img-responsive center-block" alt="">
							<div class="button"><a href="" class="fill-blue">Details</a></div>
						</div>
						<div class="caption">Ocean Freight</div>
					</div>
					<!-- Block Ends -->
					<!-- Block Starts -->					
					<div class="block">
						<div class="picture">
							<img src="http://placehold.it/480x530" class="img-responsive center-block" alt="">
							<div class="button"><a href="" class="fill-blue">Details</a></div>
						</div>
						<div class="caption">Ocean Freight</div>
					</div>
					<!-- Block Ends -->
					<!-- Block Starts -->					
					<div class="block">
						<div class="picture">
							<img src="http://placehold.it/480x530" class="img-responsive center-block" alt="">
							<div class="button"><a href="" class="fill-blue">Details</a></div>
						</div>
						<div class="caption">Warehosuing</div>
					</div>
					<!-- Block Ends -->
					<!-- Block Starts -->					
					<div class="block">
						<div class="picture">
							<img src="http://placehold.it/480x530" class="img-responsive center-block" alt="">
							<div class="button"><a href="" class="fill-blue">Details</a></div>
						</div>
						<div class="caption">Cargo Management</div>
					</div>
					<!-- Block Ends -->
					<!-- Block Starts -->					
					<div class="block">
						<div class="picture">
							<img src="http://placehold.it/480x530" class="img-responsive center-block" alt="">
							<div class="button"><a href="" class="fill-blue">Details</a></div>
						</div>
						<div class="caption">Rail Freight</div>
					</div>
					<!-- Block Ends -->
				</div>
			</div>
		</div>
		<!-- /. WHAT WE DO ENDS
			========================================================================= -->
		<!-- REQUEST A QUOTE STARTS
			========================================================================= -->  
		<div class="services-estimate map-bg">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="hero-text center">
							<h1>SERVICEs estimate</h1>
							<h2>BOOKING OUR CARGO TO THE FUTUrE</h2>
							<div class="line"></div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-6"><img src="http://placehold.it/480x410" class="img-responsive center-block" alt="" ></div>
					<div class="col-lg-6">
						<form>
							<div class="form-group">							
								<input type="email" class="form-control" id="exampleInputname" placeholder="Your Name *">
							</div>
							<div class="form-group">							
								<input type="email" class="form-control" id="exampleInputEmailaddress" placeholder="Your E-mail Address *">
							</div>
							<div class="form-group">							
								<input type="email" class="form-control" id="exampleInputlocation" placeholder="Your Location *">
							</div>
							<div class="form-group">							
								<input type="email" class="form-control" id="exampleInputdestination" placeholder="To Destination">
							</div>
							<div class="form-group">							
								<input type="email" class="form-control" id="exampleInputcargo" placeholder="Cargo/Person *">
							</div>
							<div class="form-group">							
								<input type="email" class="form-control" id="exampleInputcnumber" placeholder="Contact Number">
							</div>
							<button type="submit" class="btn btn-default">SEND A QUOTE</button>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!-- /. REQUEST A QUOTE ENDS
			========================================================================= -->
		<!-- VEHICLE PARK STARTS
			========================================================================= -->  
		<div class="vehicle-park dark-texture-02">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-12">
						<div class="hero-text center">
							<h1>VEHICLE PARK</h1>
							<h2>The Best trucks what we have</h2>
							<div class="line"></div>
						</div>
					</div>
				</div>
				<div class="row no-gutter-12">
					<div class="col-lg-12">
						<div class="vehicle-park-carousel">
							<!-- Block Starts -->					
							<div class="block">
								<div class="picture">
									<img src="http://placehold.it/500x400" class="img-responsive center-block" alt="">
									<!-- Picture Overlay Starts -->
									<div class="portfolio-overlay">
										<div class="icons">
											<div><span class="icon"><a class="image-popup-vertical-fit" href="http://placehold.it/500x400" title="Pellentesque habitant morbi"><i class="fa fa-search"></i></a></span></div>
										</div>
									</div>
									<!-- Picture Overlay Ends -->
								</div>
								<div class="caption">Vehicle Name</div>
							</div>
							<!-- Block Ends -->
							<!-- Block Starts -->					
							<div class="block">
								<div class="picture">
									<img src="http://placehold.it/500x400" class="img-responsive center-block" alt="">
									<!-- Picture Overlay Starts -->
									<div class="portfolio-overlay">
										<div class="icons">
											<div><span class="icon"><a class="image-popup-vertical-fit" href="http://placehold.it/500x400" title="Pellentesque habitant morbi"><i class="fa fa-search"></i></a></span></div>
										</div>
									</div>
									<!-- Picture Overlay Ends -->
								</div>
								<div class="caption">Vehicle Name</div>
							</div>
							<!-- Block Ends -->
							<!-- Block Starts -->					
							<div class="block">
								<div class="picture">
									<img src="http://placehold.it/500x400" class="img-responsive center-block" alt="">
									<!-- Picture Overlay Starts -->
									<div class="portfolio-overlay">
										<div class="icons">
											<div><span class="icon"><a class="image-popup-vertical-fit" href="http://placehold.it/500x400" title="Pellentesque habitant morbi"><i class="fa fa-search"></i></a></span></div>
										</div>
									</div>
									<!-- Picture Overlay Ends -->
								</div>
								<div class="caption">Vehicle Name</div>
							</div>
							<!-- Block Ends -->
							<!-- Block Starts -->					
							<div class="block">
								<div class="picture">
									<img src="http://placehold.it/500x400" class="img-responsive center-block" alt="">
									<!-- Picture Overlay Starts -->
									<div class="portfolio-overlay">
										<div class="icons">
											<div><span class="icon"><a class="image-popup-vertical-fit" href="http://placehold.it/500x400" title="Pellentesque habitant morbi"><i class="fa fa-search"></i></a></span></div>
										</div>
									</div>
									<!-- Picture Overlay Ends -->
								</div>
								<div class="caption">Vehicle Name</div>
							</div>
							<!-- Block Ends -->
							<!-- Block Starts -->					
							<div class="block">
								<div class="picture">
									<img src="http://placehold.it/500x400" class="img-responsive center-block" alt="">
									<!-- Picture Overlay Starts -->
									<div class="portfolio-overlay">
										<div class="icons">
											<div><span class="icon"><a class="image-popup-vertical-fit" href="http://placehold.it/500x400" title="Pellentesque habitant morbi"><i class="fa fa-search"></i></a></span></div>
										</div>
									</div>
									<!-- Picture Overlay Ends -->
								</div>
								<div class="caption">Vehicle Name</div>
							</div>
							<!-- Block Ends -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- /. VEHICLE PARK ENDS
			========================================================================= -->
		<!-- WHY CHOOSE US STARTS
			========================================================================= -->  
		<div class="why-to-choose-us-03">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-6 col-md-6">
						<div class="row">
							<div class="col-lg-7 col-md-7 col-lg-offset-5">
								<div class="hero-text">
									<h1>Why to Choose us</h1>
									<h2>Thinking the way Forwarded</h2>
									<div class="line"></div>
								</div>
								<div class="description">Temporibus autem quibusdam et aut officiis debitis is aut rerum necessitatibus saepes eveniet ut et seo lage voluptates.</div>
								<div class="row">
									<!-- Block Starts -->
									<div class="col-lg-6 col-md-6 col-sm-6">
										<div class="block">
											<div class="icon"><span class="icon-warehouse"></span></div>
											<h1>Goods Packaging</h1>
											<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod.</div>
										</div>
									</div>
									<!-- Block Ends -->
									<!-- Block Starts -->
									<div class="col-lg-6 col-md-6 col-sm-6">
										<div class="block">
											<div class="icon"><span class="icon-truck22"></span></div>
											<h1>Goods Packaging</h1>
											<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod.</div>
										</div>
									</div>
									<!-- Block Ends -->
									<!-- Block Starts -->
									<div class="col-lg-6 col-md-6 col-sm-6">
										<div class="block">
											<div class="icon"><span class="icon-ship"></span></div>
											<h1>Goods Packaging</h1>
											<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod.</div>
										</div>
									</div>
									<!-- Block Ends -->
									<!-- Block Starts -->
									<div class="col-lg-6 col-md-6 col-sm-6">
										<div class="block">
											<div class="icon"><span class="icon-security"></span></div>
											<h1>Goods Packaging</h1>
											<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod.</div>
										</div>
									</div>
									<!-- Block Ends -->
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-md-6"><img src="http://placehold.it/1250x1050" class="img-responsive center-block" alt=""></div>
				</div>
			</div>
		</div>
		<!-- /. WHY CHOOSE US ENDS
			========================================================================= -->
		<!-- TESTIMONIALS STARTS
			========================================================================= -->  
		<div class="parallax-2 testimonials">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="hero-text center">
							<h1>What our Clients Says</h1>
							<h2>ALL WHAT CUSTOMERS SAID ABOUT US</h2>
							<div class="line"></div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-10 col-lg-offset-1">
						<div class="testimonial-carousel">
							<!-- Slide Starts -->
							<div>
								<div class="description">Imagination… What we can easily see is only a small percentage of what is possible. Logistics through innovation, dedication, and technology.</div>
								<div class="picture"><img src="http://placehold.it/70x70" class="img-circle center-block" alt=""></div>
								<div class="name">Fatma Hassan</div>
								<div class="company">CEO - Cloud</div>
							</div>
							<!-- Slide Ends -->
							<!-- Slide Starts -->
							<div>
								<div class="description">Imagination… What we can easily see is only a small percentage of what is possible. Logistics through innovation, dedication, and technology.</div>
								<div class="picture"><img src="http://placehold.it/70x70" class="img-circle center-block" alt=""></div>
								<div class="name">Fatma Hassan</div>
								<div class="company">CEO - Cloud</div>
							</div>
							<!-- Slide Ends -->
							<!-- Slide Starts -->
							<div>
								<div class="description">Imagination… What we can easily see is only a small percentage of what is possible. Logistics through innovation, dedication, and technology.</div>
								<div class="picture"><img src="http://placehold.it/70x70" class="img-circle center-block" alt=""></div>
								<div class="name">Fatma Hassan</div>
								<div class="company">CEO - Cloud</div>
							</div>
							<!-- Slide Ends -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- /. TESTIMONIALS ENDS
			========================================================================= -->
		<!-- LATEST NEWS STARTS
			========================================================================= -->  
		<div class="clients">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-6">
						<img src="http://placehold.it/130x130" class="img-responsive center-block" alt="">
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6">
						<img src="http://placehold.it/130x130" class="img-responsive center-block" alt="">
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6">
						<img src="http://placehold.it/130x130" class="img-responsive center-block" alt="">
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6">
						<img src="http://placehold.it/130x130" class="img-responsive center-block" alt="">
					</div>
				</div>
			</div>
		</div>
		<!-- /. LATEST NEWS ENDS
			========================================================================= -->		
		<!-- FOOTER STARTS
			========================================================================= -->
		<footer>
			<div class="dark-grey-1 row1">
				<div class="container">
					<div class="row">
						<!-- About Company Starts -->
						<div class="col-lg-3 about">
							<h1>About Company</h1>
							<div class="about">Proin suscipit luctus orci placerat eat fringilla. Donec hendrerit laoreet risus volutpat mauris. Sed enim  bibendum eu forest for ever</div>
							<div class="button"><a href="" class="fill-blue">Read More</a></div>
						</div>
						<!-- About Company Ends -->
						<!-- Tweets Starts -->
						<div class="col-lg-3 latest-tweets">
							<h1>Latest Tweets</h1>
							<div class="tweet">
								<div class="icon"><i class="fa fa-twitter"></i></div>
								<div class="info">
									<div class="description">Lorem Ipsum is simply dummy text of the printing Ipsum is simply dummy en Ipsum.</div>
									<div class="date">22  March 2015</div>
								</div>
							</div>
						</div>
						<!-- Tweets Ends -->
						<!-- Head Office Starts -->
						<div class="col-lg-3 head-office">
							<h1>Head Office</h1>
							<ul class="office-icons">
								<li><i class="fa fa-map-marker" aria-hidden="true"></i> 1422 1st St. Santa Rosa,t CA, USA.</li>
								<li><a href=""><i class="fa fa-envelope-o" aria-hidden="true"></i> admin@e-mail.com</a></li>
								<li><i class="fa fa-phone" aria-hidden="true"></i> 002- 01008431112</li>
								<li><a href=""><i class="fa fa-mobile" aria-hidden="true"></i> 002- 01008431112</a></li>
							</ul>
						</div>
						<!-- Head Office Starts -->					
						<!-- Working Hours Starts -->
						<div class="col-lg-3 working-office">
							<h1>Working Hours</h1>
							We work all days a week, Please contact us for any inquiry.
							<ul>
								<li>Monday - Friday  <span class="timings">8.00 am - 16.00 pm</span></li>
								<li>Saturday  <span class="timings">10.00 am - 14.00 pm</span></li>
								<li>Sunday  <span class="timings">9.00 am - 12.00 pm</span></li>
							</ul>
						</div>
						<!-- Working Hours Ends -->
					</div>
				</div>
			</div>
			<div class="dark-grey-2 row2">
				<div class="container">
					<div class="row">
						<div class="col-lg-6">
							<ul class="links">
								<li><a href="#">Home</a></li>
								<li><a href="#">About Us</a></li>
								<li><a href="#">Services</a></li>
								<li><a href="#">Track Your Road</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</div>
						<div class="col-lg-6 copyright">
							© 2016 Mowasalat <span class="hidden-xs">-</span> <br class="visible-xs">Powered By <a href="">Mohamed Arafa</a>
						</div>
					</div>
					<div class="totop">
						<a href="#" class="scrollup"><i class="fa fa-long-arrow-up" aria-hidden="true"></i></a>
					</div>
				</div>
			</div>
		</footer>
		<!-- /. FOOTER ENDS
			========================================================================= -->		
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery-1.11.3/jquery.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="js/bootstrap.min.js"></script>
		<!-- REVOLUTION JS FILES -->
		<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
		<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
		<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  
			(Load Extensions only on Local File Systems !  
			The following part can be removed on Server for On Demand Loading) -->	
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>
		<script type="text/javascript">
								var tpj=jQuery;
					
					var revapi16;
					tpj(document).ready(function() {
						if(tpj("#rev_slider_16_1").revolution == undefined){
							revslider_showDoubleJqueryError("#rev_slider_16_1");
						}else{
							revapi16 = tpj("#rev_slider_16_1").show().revolution({
								sliderType:"carousel",
								jsFileLocation:"revolution/js/",
								sliderLayout:"fullwidth",
								dottedOverlay:"none",
								delay:9000,
								navigation: {
									keyboardNavigation:"off",
									keyboard_direction: "horizontal",
									mouseScrollNavigation:"off",
									onHoverStop:"off",
									tabs: {
										style:"zeus",
										enable:true,
										width:120,
										height:50,
										min_width:100,
										wrapper_padding:0,
										wrapper_color:"transparent",
										wrapper_opacity:"0",
										tmp:'<span class="tp-tab-title">{{title}}</span>',
										visibleAmount: 3,
										hide_onmobile: true,
										hide_under:480,
										hide_onleave:false,
										hide_delay:200,
										direction:"horizontal",
										span:true,
										position:"inner",
										space:1,
										h_align:"center",
										v_align:"top",
										h_offset:0,
										v_offset:30
									}
								},
								carousel: {
									horizontal_align: "center",
									vertical_align: "center",
									fadeout: "on",
									vary_fade: "on",
									maxVisibleItems: 3,
									infinity: "on",
									space: 0,
									stretch: "off"
								},
								responsiveLevels:[1240,1024,778,480],
								gridwidth:[1240,1024,778,480],
								gridheight:[500,450,400,350],
								lazyType:"none",
								parallax: {
									type:"scroll",
									origo:"enterpoint",
									speed:400,
									levels:[5,10,15,20,25,30,35,40,45,50],
								},
								shadow:0,
								spinner:"off",
								stopLoop:"on",
								stopAfterLoops:0,
								stopAtSlide:1,
								shuffle:"off",
								autoHeight:"off",
								disableProgressBar:"on",
								hideThumbsOnMobile:"off",
								hideSliderAtLimit:0,
								hideCaptionAtLimit:0,
								hideAllCaptionAtLilmit:0,
								debugMode:false,
								fallbacks: {
									simplifyAll:"off",
									nextSlideOnWindowFocus:"off",
									disableFocusListener:false,
								}
							});
						}
					});	/*ready*/
				</script>
		<!-- Parallax -->
		<script type="text/javascript" src="js/parallax/jquery.parallax-1.1.3.js"></script> 
		<script type="text/javascript" src="js/parallax/jquery.localscroll-1.2.7-min.js"></script> 
		<script type="text/javascript" src="js/parallax/jquery.scrollTo-1.4.2-min.js"></script>
		<!-- Retina --> 
		<script type="text/javascript" src="js/retina/retina.js"></script> 
		<!-- Owl Carousel --> 
		<script type="text/javascript" src="js/owl-carousel/owl.carousel.js"></script>
		<!-- FitVids --> 
		<script type="text/javascript" src="js/fitvids/jquery.fitvids.js"></script>
		<!-- Magnific Popup core JS file -->
		<script type="text/javascript" src="js/magnific-popup/jquery.magnific-popup.js"></script>
		<!-- Counter Up --> 
		<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>		
		<script src="js/jquery.counterup.min.js"></script>
		<!-- Custom JS -->
		<script src="js/custom/custom.js"></script>
	</body>
</html>